<ol class="breadcrumb tabs laps hold-live-close hide-less-bread panel panel-default" data-topple="hsTabs">
    <li class="home-crumb active">
        <a href="javascript:;">
            <i class="bi bi-hi-path"></i>
            <b>分类及文章</b>
        </a>
    </li>
</ol>
<div class="labs laps">
    <div class="row">
        <div class="col-md-12">
            <div class="alert alert-warning alert-dismissible">
                <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                <p><b>注意:</b> 此页面未做移动端优化; 演示数据都是静态的, 树形子级会无限重复, 详情信息也只有一种.</p>
            </div>
        </div>
        <div class="col-md-3 side-context">
            <div data-topple="hsTree"
                 data-load-url="data/sections.json"
                 data-send-urls-0="['data/create.json','.delete','您确定要删除此分类?']"
                 data-open-urls-0="['page/form.html?id={ID}' ,'.modify','@']"
                 data-open-urls-1="['page/form.html?pid={ID}','.create','@']"
                 data-link-urls-0="['page/list.html?xxxx_id={ID}','$.main-context']"
                 data-cnum-key="cnum"
                 data-root-name="频道分类">
                <div class="toolbox board btn-group">
                    <button type="button" class="create btn btn-default">添加</button>
                    <button type="button" class="modify for-select btn btn-default">修改</button>
                    <button type="button" class="delete for-select btn btn-default" title="删除"><span class="bi bi-hi-remove text-danger"></span></button>
                </div>
                <div class="treebox panel panel-body panel-default"></div>
            </div>
        </div>
        <div class="col-md-9 main-context"></div>
    </div>
</div>